<template>
	<view class="containar">
		<view class="banner">
			<swiperAndvideo :data="imgUrl" :height="'462rpx'"></swiperAndvideo>

		</view>
		<view class="contentBox">
			<view class="typeCont">
				<view class="typeTitle">服务内容:</view>
				<view class="item">{{ content }}</view>
				<!-- <view class="item">2.优酷会员、爱奇艺会员、腾讯会员、芒果TV会员、QQ音乐、酷狗音乐、酷我音乐、网易云音乐、懒人听书、喜马拉雅、Keep会员任其一。</view> -->
			</view>
			<view class="typeCont">
				<view class="typeTitle">服务范围:</view>
				<view class="item">全国范围内，除港澳台外。</view>
			</view>
			<view class="typeCont">
				<view class="typeTitle">使用流程:</view>
				<view class="item">1.点击立即兑换/立即购买;</view>
				<view class="item">2.输入兑换码领取服务券/确认订单;</view>
				<view class="item">3.等待客服联系，协助兑换会员;</view>
				<view class="item">4.使用服务。</view>
			</view>
			<view class="typeCont">
				<view class="typeTitle">服务说明:</view>
				<view class="item">1.此券不可抵用其他服务，不可抵用现金</view>
				<view class="item">2.本券有效期为365天，逾期将无法兑换影视会员;</view>
			</view>
		</view>
		<view class="btmBox">
			<view class="Box">
				<view class="btn" style="background: rgb(203, 1, 1);">立即兑换</view>
				<view class="btn" style="background: rgb(19, 20, 22);">立即购买</view>
			</view>
		</view>
	</view>

</template>

<script>

export default {
	data() {
		return {
			imgUrl: '',
			content: '',
			infoList: [
				{
					name: '汽车代驾',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220628/658d1b118d617ec37fdbe480c5dd0fc9.jpg',
					content: '限10/15/20/30公里代驾+10分钟免费等待/次:超出公里数以当地时价为准(大约在2-8元/公里，部分地区早晚间代驾费用有区分)'

				},
				{
					name: '年检代办',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220628/499c3387995dedfb6f64a6e8964472ac.jpg',
					content: '协助车主代为办理年检服务。实现车主不到场，汽车可过年检的省心放心体验'

				},
				{
					name: '安全检测',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220628/3b076798e729c2afd38f227066ede1aa.jpg',
					content: '1.标准安全检测:① 发动机检测(机油、空、燃由、冷却):②底盘检测:③ 轮胎检测:④ 车内环境检测:⑤车辆综合安全检测: 玻璃检测:⑦ 汽车电子系统检测(全车电控系统检测):@变速器检测:蓄电池检测:@ 转向系统检测-车轮定位和轮胎动平衡则试(不含做四轮定位和动平衡)。'

				},
				{
					name: '道路救援',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220628/677ade22ad904ea833904bdedfe781e8.jpg',
					content: '道路救援(搭电、换胎、送油、紧急拖车)。'

				},
				{
					name: '影视会员',
					imgUrl: '	https://miniapps.libaokj.com/upload/images/20220701/6f58fe224800e1c0eb12cf4c882e5b54.jpg',
					content: '优酷会员、爱奇艺会员、腾讯会员、芒果TV会员、QQ音乐、酷狗音乐、酷我音乐、网易云音乐、懒人听书、喜马拉雅、Keep会员任其一。'

				},
				{
					name: '观影卡',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220701/21f6a1be3977820bc167d442e8ad1db1.jpg',
					content: '面值范围内，2D/3D通用。'

				},
				{
					name: '紧急家居救援',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220628/c5ad74ec102eb06e183dcba70278b5fb.jpg',
					content: '含开锁、水管漏水维修、电路维护和灯具维修服务。'

				},
				{
					name: '家电清洗',
					imgUrl: 'https://miniapps.libaokj.com/upload/images/20220628/4be09e1a4225056d43656e3da496097e.jpg',
					content: '1台空调、1台冰箱、1台油烟机、1台洗衣机、1台热水器任选其一。'

				},
			]
		}

	},
	methods: {

	},
	onLoad(options) {

		console.log(options.name);
		this.infoList.forEach(item => {

			if (item.name == options.name) {
				this.imgUrl = item.imgUrl
				this.content = item.content
				uni.setNavigationBarTitle({
					title: item.name
				});

			}

		});
	}
}

</script>
<style lang="scss" scoped>
.containar {
	padding: 14rpx 30rpx 134rpx 30rpx;
	background: #fff;

	.banner {
		padding: 0 10rpx;
	}

	.contentBox {
		margin-top: 32rpx;

		.typeCont {
			.typeTitle {
				font-size: 24rpx;
				color: #202125;
				font-weight: 600;
			}

			.item {
				font-size: 24rpx;
				color: #666;
				font-weight: 500;
				line-height: 2;
			}
		}
	}

	.btmBox {
		width: 100%;
		position: fixed;
		bottom: calc(var(--window-bottom));
		left: 0;

		.Box {
			display: flex;
			justify-content: space-between;
			padding: 18rpx 30rpx;

			.btn {
				width: 48%;
				height: 98rpx;
				border-radius: 54rpx;
				line-height: 98rpx;
				text-align: center;
				color: #fff;
				font-size: 30rpx;
			}
		}
	}
}
</style>